/*-------------*/
/* BREAKPOINTS */
/*-------------*/
$vw-xsmall:  30em;  //  480px
$vw-small:   40em;  //  640px
$vw-medium:  48em;  //  768px
$vw-large:   64em;  // 1024px
$vw-xlarge:  80em;  // 1280px
$vw-xxlarge: 120em; // 1920px

/*-------*/
/* FONTS */
/*-------*/
$font: 'Open Sans', sans-serif;
$fz-normal: 0.8125em; // size 13px
$fz-small: 0.6875em;  // size 11px

$fw-lighter: 300;
$fw-normal: 400;
$fw-semibold: 600;
$fw-bold: 700;
$fw-xbold: 800;

/*--------*/
/* COLORS */
/*--------*/
$black: #333;
$gray: #999;
$red: #E36C62;
$red-dark: #D85D55;

$tw-color:  #2FC2EF;
$fb-color:  #3B5998;
$goo-color: #D14228;
$yt-color:  #E4572E;
$pin-color: #B81621;

/*--------*/
/* EXTRAS */
/*--------*/
$topbar-small: 50px;
$topbar-large: 70px;